<template>
  <Right_box>
    <Box class="box" :height="1080">
      <Box :height="230" class="contentBox">
        <Lease_title>城市能源概况</Lease_title>
        <Third3 />
      </Box>
      <Box :height="330" class="contentBox">
        <Lease_title>城市教育概况</Lease_title>
        <V3Echarts :options="option2()" container="emergencylbox2" :height="310" :width="430"></V3Echarts>
      </Box>
      <Box :height="400" class="contentBox">
        <Lease_title>城市近十年GDP</Lease_title>
        <V3Echarts :options="option1()" container="emergencylbox2" :height="350" :width="430"></V3Echarts>
      </Box>
    </Box>
  </Right_box>
</template>
<script lang="ts" setup>
import Lease_title from '@/components/Lease_title/index.vue'
import Right_box from '@/components/right_box.vue'
import Box from '@/components/Box/index.vue'
import V3Echarts from '@/components/V3Echarts/index.vue'
import Third3 from './Third3.vue'
import { option1, option2 } from '../charOpt/index'
import * as echarts from 'echarts'
</script>
